<!DOCTYPE html>
<!--[if lte IE 9]><html class="lt-ie10 lt-ie9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]><!--><html><!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>赛尔（赛er）——论坛列表</title>
    <meta name="keywords" content="赛尔（赛er）是一个面向全国各大高校大学生的一站式社区平台，集竞赛活动发布和讨论为一体，提供发布、查询、组队、经验分享等多元化服务。" />
    <meta name="description"
          content="平台聚合了国内各大高校的校内比赛以及国内外各领域最优质的赛事活动信息。赛事内容囊括创新创业、演讲辩论、财会金融、艺术设计、学科竞赛、公益志愿等众多领域。赛尔（赛er）致力于打造一个融合大学生学习、赛事、活动、保研、考研等为一体的成长交流空间。" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" type="text/css" href="../static/css/top-4.9.6.2.min.css">
    <link rel="stylesheet" type="text/css" href="../static/css/circle.index-4.4.min.css" >
    <link rel="stylesheet" type="text/css" href="../static/css/tag.handle.min.css" >
    <link rel="stylesheet" type="text/css" href="../static/css/thread.pub.pop.min.css" >
    <link rel="stylesheet" type="text/css" href="../static/css/default.min.css" >
    <script src="../static/js/sea.js"></script>
    <script src="../static/js/seaconfig.js"></script>
    <script src="../static/js/jquery-1.10.2.min.js"></script>
    <script src="../static/js/vue/vue.min.js"></script>
    <script type="text/javascript" src="../common/common.js"></script>
    <style>
        .layui-form-switch{
            margin-top:0!important;
        }
    </style>
</head>

<body >
<!--body-wrap-->
<div class="body-wrap" >
    <div id="app"  class="body-main main-wrap v-4-2">
        <ul class="layui-nav layui-bg-cyan" style="margin: 0 auto;padding:0 12%" lay-filter="">
            <li style="display: inline-block;line-height: 60px;vertical-align: middle;position: relative;"><a href="/index.html"><img style="height: 60px;margin-right:15px;" src="/static/images/logo.png"></a></li>
            <!-- 选中 加上 layui-this -->
            <li class="layui-nav-item"><a href="/index.html">首页</a></li>
            <li class="layui-nav-item"><a href="/competition/competition.html">竞赛</a></li>
            <li class="layui-nav-item"><a href="/activity/activity.html">活动</a></li>
            <li class="layui-nav-item layui-this"><a href="/ask/ask.html">论坛</a></li>
            <li class="layui-nav-item"><a href="/article/article.html">文章</a></li>
            <li class="layui-nav-item" v-if="user!=''&&user!=null&&user!=undefined">
                <a href="javascript:;">发布</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="/competition/publish_competition.html">创建竞赛</a></dd>
                    <dd><a href="/activity/publish_activity.html">发布活动</a></dd>
                    <dd><a href="/ask/publish_ask.html">发起提问</a></dd>
                    <dd><a href="/article/publish_article.html">发表文章</a></dd>
                </dl>
            </li>
            <template v-if="user!=''&&user!=null&&user!=undefined">
                <li class="layui-nav-item" style="float: right">
                    <a href="javascript:;" style="padding: 0 20px 0 0px">
                        <img :src="NGINX_SERVER+user.AVATAR" class="layui-nav-img">
                        {{user.NAME}}
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/user/my_home.html">我的主页</a></dd>
                        <dd><a href="javascript:void(0);" style="color:red" onclick="logout()">退出登录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" style="float: right;margin-right: 25px;">
                    <a  href="/user/my_msg.html" style="cursor: pointer;"><i class="layui-icon layui-icon-notice" style="font-size: 18px;"></i><span class="layui-badge" v-if="unreadCount>0">{{unreadCount}}</span></a>
                </li>
            </template>
            <template  v-else>
                <li style="float:right" class="layui-nav-item"><a href="/login.html">登录</a></li>
                <li style="float:right" class="layui-nav-item"><a href="/reg.html">注册</a></li>
            </template>
        </ul>
        <div class="sk-user-article-box">

            <div class="sk-user-acticle-list-box" id="circleLoadContentBox">
                    <div class="layui-form" lay-filter="filter" style="margin-bottom: 10px;">
                        <div class="layui-input-inline" style="width: 150px">
                            <select name="select" id="labelSelect"  lay-filter="changeLabel">
                                <option value=""> 选择话题</option>
                                <option v-model="label" v-for="item in labelList" :value="item.bianma">{{item.name}}</option>
                            </select>
                        </div>
                        <div class="layui-input-inline" style="width: 300px;">
                            <input type="text" v-model="keyword" placeholder="请输入关键字" autocomplete="off" class="layui-input">
                        </div>
                        <button class="layui-btn" @click="search"><i class="layui-icon layui-icon-search"></i>搜索</button>
                        <div class="layui-input-inline">
                            按热度排序
                            <input type="checkbox" name="hot" lay-filter="hot" lay-skin="switch">
                        </div>
                    </div>

                <ul class="list" id="circleContentList">

                    <template v-for="(index,i) in askList" >
                        <li class="item clearfix">
                            <div class="show-acti-tags-box fl clearfix">
                                <div class="show-acti-tags-content clearfix">
                                    <h3 class="arti-tit">
                                        <a target="_blank" :href="'ask_detail.html?id='+index.FORUM_ID" title="index.FORUM_TITLE"  class="arti-tit-link">{{index.FORUM_TITLE}}</a>
                                    </h3>
                                    <p class="arti-author">
                                        <a target="_blank" :href="'/user/my_home.html?id='+index.USER_ID"  class="link-auther-homepage" ><img :src="NGINX_SERVER+index.AVATAR">{{index.NAME}}</a>
                                        <span class="po-pa">·</span><span class="post-time">{{index.UPDATE_TIME}}</span>
                                    </p>
                                    <p class="para">
                                        {{index.FORUM_CONTENT}}
                                    </p>
                                </div>
                            </div>
                            <div class="count-box-wrap fr">
                                <div class="count-box sk-fans-praise">
                                    <p class="uniform data">{{index.VIEWS}}</p>
                                    <p class="uniform praise">阅读</p>
                                </div>
                                <div class="count-box sk-fans-read">
                                    <p class="uniform data">{{index.COMMENTS}}</p>
                                    <p class="uniform read">回答</p>
                                </div>
                            </div>
                        </li>
                    </template>
                </ul>
                <div class="cp-show-more js_load_more_box ">
                    <button type="button" id="loadMoreContentBtn" :class="moreClass" :disabled="more" class="cp-show-more-btn" @click="getAskList(false)">{{buttoninfo}}</button>
                </div>
            </div>
        </div>
    </div>
</div>





<div class="footer-wrap v-4-2">
    <div class="footer other">
        <div class="common-box footer-box">
            <div class="to-top-box" id="toUpBox">
                <!--<a href="javascript:;" target="_blank" class="common-icon-big to-feedback-btn" title="意见反馈"></a>-->
                </a>
                <div class="iradio-2 to-msite-btn to-msite-btn-2" title="微信公众号">
            <span class="weixin-box" style="margin-top: -42px;">
              <img src="/static/images/erweima.jpg" alt="微信公众号">
              <span class="weixin-txt">关注赛er订阅号</span>
              <img src="/static/images/kefu.jpg" alt="微信客服">
              <span class="weixin-txt">添加赛er客服</span>
              <span class="arrow arrow-right boxL-cor" style="margin-top: -70px;"></span>
            </span>
                </div>
                <a href="javascript:;" class="to-top-btn common-icon-big" id="toUp" title="返回顶部"></a>
            </div>
            <div class="fl ft-info-box">
                <div class="ft-tit" title="关于赛er">关于赛er</div>
                <ul class="ft-list">
                    <li class="item">
                        <a href="" title="了解赛er" target="_blank" rel="nofollow">了解赛er</a>
                    </li>
                    <li class="item">
                        <a href="./contact.html" title="服务协议" target="_blank" rel="nofollow">服务协议</a>
                    </li>
                    <li class="item">
                        <a href="" title="合作伙伴" target="_blank" rel="nofollow">合作伙伴</a>
                    </li>
                    <li class="item">
                        <a href="" title="加入我们" target="_blank" rel="nofollow">加入我们</a>
                    </li>
                    <li class="item">
                        <a href="" title="隐私协议" target="_blank" rel="nofollow">隐私协议</a>
                    </li>
                </ul>
            </div>
            <div class="fl ft-info-box">
                <div class="ft-tit" title="帮助中心">帮助中心</div>
                <ul class="ft-list">
                    <li class="item">
                        <a href="" title="常见问题" target="_blank" rel="nofollow">常见问题</a>
                    </li>
                    <li class="item">
                        <a href="./legal.html" title="社区规范" target="_blank" rel="nofollow">社区规范</a>
                    </li>
                    <li class="item">
                        <a href="" title="意见反馈" target="_blank" rel="nofollow">意见反馈</a>
                    </li>
                </ul>
            </div>
            <div class="fr ft-info-box" style="width: 200px;">
                <div class="ft-tit" title="在线客服">联系我们</div>
                <ul class="ft-list">
                    <li class="item">
                        赛er<span class="item-dot"></span>客服QQ：<a href="https://wpa.qq.com/msgrd?v=3&uin=412414867&site=qq&menu=yes">412414867</a>
                    </li>
                    <li class="item">
                        赛er<span class="item-dot"></span>官方QQ群：320513949
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 备案 footer -->
    <div class="ft-btm">
        <div class="common-box ft-btm-box">
            <div class="btn-con">
                <span class="ft-paragraph">©<span id="nowYear"></span>赛er<span class="s-4"></span></span>
                <span><a href="https://beian.miit.gov.cn/" target="_blank" style="color: #555;">苏ICP备2021019825号</a></span>
            </div>
        </div>
    </div>
</div>
<script>
  toTopFun();
</script>
</body>
</html>

<script>
    var form;
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function() {
        var element = layui.element;

        //…
    });
    layui.use('form', function() {
        form = layui.form;

        form.on('select(changeLabel)', function(data) {
            app.label = data.value
            app.getAskList(true);
            app.hot="false";
            form.val("filter",{
                "hot":false
            })
        });
        form.on('switch(hot)',function (data) {
            app.hot = this.checked ? 'true' : 'false';
            if(app.hot=='true'){
                app.label="";
                app.keyword="";
                form.val("filter",{
                    "select":""
                })
            }
            app.getAskList(true);
        })
    })
    var app = new Vue({
        el:"#app",
        data:{
            user:'',
            NGINX_SERVER:'',
            askList:[],
            countpage:0,
            buttoninfo:'点击加载更多...',
            more:false,
            moreClass:'',
            keyword:"",
            label:"",
            hot:"false",
            labelList:[],
            unreadCount:0
        },
        created() {
            getUnreadCount(data=>{
                app.unreadCount = data;
            });
            this.NGINX_SERVER = NGINX_SERVER;
            this.getAskList(true);
            getDataByGet('api/base/getArticleLabel',{},res=>{
                if(res.code==200){
                    app.labelList = res.data;
                    form.render();
                }else{
                    toastr.error(res.msg);
                }
            })
        },
        // 监听数据变化 触发layui视图更新
        updated: function() {
            layui.use(['form'], function() {
                var form = layui.form;
                form.render();
            })
        },
        mounted(){
            getUnreadCount(data=>{
                app.unreadCount = data;
            });
            this.user = JSON.parse(sessionStorage.getItem("userInfo"));
        },
        methods:{
            search(){
                app.hot="false";
                form.val("filter",{
                    "hot":false
                })
                this.getAskList();
            },
            getAskList(flag){
                if(flag) {
                    this.countpage = 0;
                    this.buttoninfo = '点击加载更多...';
                    this.more = false;
                    this.moreClass = ""
                }
                this.countpage++;
                getDataByPost('api/forum/list',{"pageSize":"10", "pageNum":this.countpage,"keyword":this.keyword,"label":this.label,"hot":this.hot
                },function (res){
                    var list = res.data.list
                    if(list.length<10){
                        app.buttoninfo="暂无更多";
                        app.more=true
                        app.moreClass = "layui-disabled"
                    }
                    if(flag){
                        app.askList=[]
                    }
                    app.askList = app.askList.concat(list);
                })
            }
        },
    })

</script>

